/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

/* -------------------------------------------------------------- *\
    Utility Variables
\* -------------------------------------------------------------- */

@use "sass:math";

$utility-baseUnit: 6px;
$utility-baseUnitHalf: $utility-baseUnit * 0.5; // Derived
$utility-baseUnitDouble: $utility-baseUnit * 2; // Derived
$utility-baseUnitTriple: $utility-baseUnit * 3; // Derived
$utility-percentage_third: math.div(100%, 3);
$utility-percentage_nineSixteenths: (math.div(9, 16) * 100%);
$utility-SVGEncoding: "data:image/svg+xml,";

/* -------------------------------------------------------------- *\
    Global Overwrites
\* -------------------------------------------------------------- */

$global_borderRadius: 4px !default;

$global-color_black: #000;
$global-color_white: #fff;
$global-color_transparent: transparent;

$global-color_cerulean: #6b7a8f;
$global-color_apricot: #e77a2f;
$global-color_powderblue: #3d8ac1;

$global-color_primary: $global-color_powderblue !default;
$global-color_primaryAlt: darken($global-color_primary, 8%) !default;
$global-color_secondary: $global-color_apricot !default;

$global-color_bg: $global-color_white !default;
$global-color_fg: darken(
    desaturate($global-color_cerulean, 1%),
    10%
) !default; // text color | should have high contrast between $global-color_bg
$global-medium_fontSize: 14px !default;
$global-block_margin: $global-medium_fontSize !default;

/* -------------------------------------------------------------- *\
    Theme
\* -------------------------------------------------------------- */

$theme-border_color: mix($global-color_fg, $global-color_bg, 24%) !default;

$theme-link-hover_textDecoration: underline !default;
$theme-photo_size: 52px !default;

/* -------------------------------------------------------------- *\
    Header
\* -------------------------------------------------------------- */

$header_minHeight: 50px !default;
$header_bg: $global-color_cerulean !default;
$header_color: $global-color_white !default;
$header-hover_color: $global-color_white !default;
$header_border: 1px solid rgba($header_bg, 0.3) !default;

/* -------------------------------------------------------------- *\
    Navigation
\* -------------------------------------------------------------- */

$navigation_fg: $global-color_white !default;

/* -------------------------------------------------------------- *\
    Panel
\* -------------------------------------------------------------- */

$panel-hover_bg: transparent !default;

$panel_item-spacing: $utility-baseUnit !default;
$panel-item_padding: $utility-baseUnit !default;
$panel_item-borderRadius: $global_borderRadius !default;

/* -------------------------------------------------------------- *\
    Footer
\* -------------------------------------------------------------- */

$footer_bg: $global-color_white !default;
$footer_color: $global-color_fg !default;
$footer-link_color: $global-color_secondary !default;
$footer-link-hover_color: darken($global-color_secondary, 8%) !default;

/* -------------------------------------------------------------- *\
    Navigation
\* -------------------------------------------------------------- */

$navigation_bg: darken($global-color_cerulean, 8%) !default;
$navigation_color: $global-color_white !default;
$navigation_button-bg: $global-color_primary !default;
$navigation_button-hover-bg: $global-color_primaryAlt !default;

/* -------------------------------------------------------------- *\
    Hamburger
\* -------------------------------------------------------------- */

$hamburger_color: $global-color_white !default;

/* -------------------------------------------------------------- *\
    Components
\* -------------------------------------------------------------- */

$component-vertical_padding: $global-block_margin !default;
$component-horizontal_padding: $global-block_margin !default;
$component_lateralBorder: true !default;
$component-item_spacing: $utility-baseUnitDouble !default;
$component_borderWidth: 0 !default;
$component_borderRadius: $global_borderRadius !default;
$component_borderColor: $theme-border_color !default;
$component_boxShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) !default;

/* -------------------------------------------------------------- *\
    Pager
\* -------------------------------------------------------------- */

$pager_border: 1px solid $component_borderColor !default;
